<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="description" content="">
    <title>Title</title>
    <link rel="stylesheet" href="../css/workflow.css">
    <script src="../js/lib/flexible.js"></script>
</head>
<body>
<header>
    <section>
        王胜军 Richard Wang, Digital Operations
        <span>Contract Review</span>
    </section>
</header>

<div id="container">
    <div class="content">
        <nav>
            <ul>
                <li>
                    <label><s>&gt;</s><span>Description</span></label>
                    <p>系统功能优化与维护</p>
                </li>
                <li>
                    <label><s>&gt;</s><span>Total Price with VAT</span></label>
                    <p>&yen;805,752.75</p>
                </li>
                <li>
                    <label><s>&gt;</s><span>In Process</span></label>
                    <p>10 Days</p>
                </li>
                <li>
                    <label><s>&gt;</s><span>Vender Name</span></label>
                    <p>Yanfeng KSS Automotive Safety</p>
                </li>
            </ul>
        </nav>

        <!--如果需要显示隐藏效果 加上 class "toggle_bar" 并且如果需要默显示 请加上 class "open"-->
        <div class="hd toggle_bar">Basic info</div>
        <div class="bd">
            <ul class="flex_list">
                <li>
                    <div class="item">
                        <p>Buyer</p>
                        <p>叶青 Cissy Ye(cissy.ye)</p>
                    </div>
                    <div class="item">
                        <p>Contract No.</p>
                        <p>PC20160500134</p>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <p>Company</p>
                        <p>Nextev Co.,Ltd</p>
                    </div>
                    <div class="item">
                        <p>Contract Type</p>
                        <p>One time Contract</p>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <p>Contract Category</p>
                        <p>标准订单 Standard PO</p>
                    </div>
                    <div class="item">
                        <p>Validate Date</p>
                        <p>2016/05/10-2016/05/27</p>
                    </div>
                </li>

                <li>
                    <div class="item">
                        <p>Purchase Type</p>
                        <p>Product Purchase</p>
                    </div>
                    <div class="item">
                        <p>User</p>
                        <p>王胜军 Richard Wang</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="hd toggle_bar">Purchase Detail</div>
        <div class="bd">
            <div class="table">
                <table width="100%" cellpadding="0" cellspacing="0">
                    <thead>
                    <tr>
                        <th></th>
                        <th>Material Code</th>
                        <th>Description</th>
                        <th>Amount With VAT(RMB)</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td><span class="btn">+</span></td>
                        <td></td>
                        <td>
                            <div class="desc">dsfasfdadfasdfasdfasdfasfdafdsadsf12132123</div>
                        </td>
                        <td><span class="color">967,000.00</span></td>
                    </tr>
                    <tr>
                        <td colspan="4">
                            <table width="100%" cellpadding="0" cellspacing="0">
                                <thead>
                                <tr>
                                    <th>Unit Price</th>
                                    <th>Quantity (EA)</th>
                                    <th>Net Amount (HKD)</th>
                                    <th>Tax Rate</th>
                                    <th>Tax Amount</th>
                                    <th>Arrival Date</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>78.41</td>
                                    <td>12333.00</td>
                                    <td>967,000.00</td>
                                    <td>0%</td>
                                    <td>0.00</td>
                                    <td>2016/12/05</td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td><span class="btn">+</span></td>
                        <td></td>
                        <td>aaaaa</td>
                        <td><span class="color">967,000.00</span></td>
                    </tr>
                    <tr>
                        <td colspan="4">
                            <table width="100%" cellpadding="0" cellspacing="0">
                                <thead>
                                <tr>
                                    <th>Unit Price</th>
                                    <th>Quantity (EA)</th>
                                    <th>Net Amount (HKD)</th>
                                    <th>Tax Rate</th>
                                    <th>Tax Amount</th>
                                    <th>Arrival Date</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>78.41</td>
                                    <td>12333.00</td>
                                    <td>967,000.00</td>
                                    <td>0%</td>
                                    <td>0.00</td>
                                    <td>2016/12/05</td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="money">
                <table width="100%" cellpadding="0" cellspacing="0">
                    <thead>
                    <tr>
                        <th width="33%"></th>
                        <th width="33%">RMB</th>
                        <th width="33%">HKD</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>Exchange Rate</td>
                        <td>0.83325</td>
                        <td>1</td>
                    </tr>
                    <tr>
                        <td>Purchase Total Price Net Amount</td>
                        <td>805,752.75</td>
                        <td>967,000.00</td>

                    </tr>
                    <tr>
                        <td>Tax Amount</td>
                        <td>0.00</td>
                        <td>0.00</td>
                    </tr>
                    <tr>
                        <td>Purchase Total Price Amount with VAT</td>
                        <td class="color">805,752.75</td>
                        <td class="color">967,000.00</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="comments">
                <div class="flex_list">
                    <ul>
                        <li>
                            <div class="item">
                                <p>Comments</p>
                                <p>
                                    供应商：金道 同时金道不负责该人员的日常管理，直接report到Bryan
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="hd toggle_bar">Vender Information</div>
        <div class="bd">
            <div class="flex_list">
                <ul>
                    <li>
                       <div class="item">
                           <p>Vender Code</p>
                           <p>V24687</p>
                       </div>
                        <div class="item">
                            <p>Zipcode</p>
                            <p>201315</p>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <p>Vender Name</p>
                            <p>Yanfeng KSS(Shanghai)Automotive Safety</p>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <p>Address</p>
                            <p>No.426 XiuPu Road, Kangqiao Pudong,Shanghai,China</p>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <p>Contact Person Name</p>
                            <p></p>
                        </div>
                        <div class="item">
                            <p>Contact Person E-mail</p>
                            <p></p>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <p>Responsible Buyer</p>
                            <p></p>
                        </div>
                        <div class="item">
                            <p>Payment Terms</p>
                            <p>50% down pay,30 days</p>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <p>Incoterms</p>
                            <p></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="hd toggle_bar">Attachment</div>
        <div class="bd">
            <div class="flex_list">
                <ul>
                    <li>
                        <div class="item attachment">
                            <p>Attachment</p>
                            <p class="color">
                                <span>合同附件.xlsx</span>
                                <span>JD - Application Support Specialist.docx</span>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="hd">Approval History</div>
        <div class="bd">
            <div class="flex_list_vertical">
                <ul>
                    <li>
                        <div class="history">
                            <p>叶青 Cissy Ye</p>
                            <p>Request</p>
                            <p>2016/05/31</p>
                        </div>
                    </li>

                    <li>
                        <div class="history">
                            <p>潘昱 Kevin Pan</p>
                            <p>Reject</p>
                            <p>2016/05/31</p>
                        </div>
                        <div class="approval_comments">
                           <span>
                                   ● Hi Bryan, please change this PR as capex.
                                </span>
                        </div>
                    </li>
                    <li>
                      <div class="history">
                          <p>钟万里 Wanli Zhong</p>
                          <p>Request</p>
                          <p>2016/05/31</p>
                      </div>
                    </li>

                </ul>
            </div>
        </div>
    </div>
    <footer>
        <a href="javascript:void(0)" id="inquire">Inquire</a>
        <a href="javascript:void(0)" id="approve">Approve</a>
        <a href="javascript:void(0)" id="reject">Reject</a>
    </footer>
</div>
<section class="sideSwipe">
    <form action=""  id="sideSwipe_form" >
        <h3>请填写原因</h3>
        <textarea name="" id="remarks"></textarea>
        <div class="btn_wrap">
            <a href="javascript:void(0)" class="side_btn swipe_cancel_btn" id="swipe_cancel_btn">取消</a>
            <a href="javascript:void(0)" class="side_btn sideSwipe_btn" id="sideSwipe_btn">提交</a>
        </div>
    </form>
</section>
</body>
<script src="../js/lib/zepto.min.js"></script>
<script src="../js/workflow.js"></script>
</html>